<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"> 
	<title>Bootstrap 轮播图</title>
<!-- 	<link href="lib/lib/css/bootstrap.min.css" rel="stylesheet">
	<script src="lib/jquery/jquery-1.11.0.min.js"></script>
	<script src="lib/lib/js/bootstrap.min.js"></script> -->

<script src="lib/jquery/jquery-1.11.0.min.js"></script>
<script src="lib/lib/js/bootstrap.min.js"></script>
<link href="lib/lib/css/bootstrap.min.css" rel="stylesheet">

<style type="text/css">



</style>
</head>
<body>

<div data-name="周杰伦" data-age="18"></div>
	
<button id="btn">获取数据</button>
<button id="set">设置数据</button>






<script type="text/javascript">
	
	$(function(){

		//打印属性
	   $("#btn").on("click",function(){
	   		console.log( $("div").data("name") ) 
	   		console.log( $("div").data("age") ) 
	   })

	   //设置属性
	   $("#set").click(function(){
	   		 $("div").data("name","林俊杰") 
	   		 $("div").data("age","19") 
	   })


	})


</script>

</body>
</html>